/* v-enter 定义进入过渡的开始状态 */
/* v-enter-active 定义进入过渡生效时的状态 */
/* v-leave 定义离开过渡的开始状态 */
/* v-leave-active 定义离开过渡生效时的状态 */

.slide-fade-left-enter-active {
  transition: all .4s ease;
}

.slide-fade-left-leave-active {
  transition: all .4s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.slide-fade-left-enter, .slide-fade-left-leave-to {
  transform: translateX(-2rem);
  opacity: 0;
}

.slide-fade-right-enter-active {
  transition: all .4s ease;
}

.slide-fade-right-leave-active {
  transition: all .4s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.slide-fade-right-enter, .slide-fade-right-leave-to {
  transform: translateX(2rem);
  opacity: 0;
}